<template>
      <div class="vue-bottom">
    <van-tabbar v-model="active">  
      <van-tabbar-item replace to="/" icon="home-o" >首页</van-tabbar-item>   
      <van-tabbar-item replace to="/search" icon="search" >搜索</van-tabbar-item>
      <van-tabbar-item replace to="/store" icon="star-o" >收藏</van-tabbar-item>
      <van-tabbar-item replace to="/order" icon="comment-o" >订单页面</van-tabbar-item>
    </van-tabbar>
   
  </div>
  
</template>
<script >
import {mapState} from 'vuex'
export default {
  data(){
      return {
      
      }
  },
  computed:{
    active:{
        get(){
          return this.$store.state.active
        },
        set(value){
             this.$store.commit('setactive', value)
        }
    }
  },    
  created(){
     
  }
}
</script>
